<template>
	<div>
		<Card :bordered="false" class="job_con_card" >
			 <Tabs value="name1">
		        <TabPane label="下载简历" name="name1">
		        	<div class="tab_one_contain">
		        		<Checkbox v-model="checkall">全选</Checkbox>
		        		<i-button type="primary" class="job_new_add" @click="AddPositionClick">新增职位</i-button>
		        		<i-button type="primary" class="job_new_add1" @click="AddPositionClick">设置</i-button>
		        		<div class="select_top">
		        			<Select v-model="time" style="width: 160px;">
				        		<Option v-for="item in TimeList" :value="item.value" :key="item.value">{{ item.label }}</Option>
				    		</Select>
		        		</div>
		        		<div class="select_top">
		        			<Select v-model="check" style="width: 160px;">
				        		<Option v-for="item in CheckList" :value="item.value" :key="item.value">{{item.label}}</Option>
				    		</Select>
		        		</div>
		        		<div class="select_top">
		        			<Select v-model="list" style="width: 160px;">
				        		<Option v-for="item in List" :value="item.value" :key="item.value">{{item.label}}</Option>
				    		</Select>
		        		</div>
		        		
				    	<div class="pos_t pos_t_two">
					    	<span class="pos_t_one_buy">查看最新简历</span>
		               	    &nbsp; &nbsp;
		               	    <span class="pos_t_one_say">刷新日志</span>
	               	    </div>
		        	</div>
		        	<Table border ref="selection" :columns="columns4" :data="data1"></Table>
		        	<div style="margin-top: 25px;">
		        		<Checkbox v-model="checkall" class="manli_checkall" @click="handleSelectAll()">全选</Checkbox>
		        		<Button type="error" @click="PlacementClick()">批量刷新</Button>
	        			<Button type="error" @click="BiddingClick()">批量发布</Button>
	        			<Button type="error"   @click="RereleaseClick()">批量暂停</Button>
	        			<Button type="error" @click="RefreshClick()">复制职位</Button>
	        			<Button type="error" @click="RemoveClick()">删除刷选</Button>
	        			<Button type="error" @click="AddClick()">添加刷选</Button>
		        	</div>
		        	<div class="manli_foot"><Page :total="100" show-sizer /></div>
		        </TabPane>
		        <TabPane label="应聘简历" name="name2">
		        	
		        </TabPane>
		        <TabPane label="我的简历" name="name3">
		        	
		        </TabPane>
		        <TabPane label="导入简历" name="name4">
		        	
		        </TabPane>
		    </Tabs>
	    </Card>	
	    <BackTop></BackTop>
	</div>
</template>
<script>
	export default {
    	name: 'DContain',
		data () {
            return {
            	checkall:"",
            	check:"不限",
            	list:"简单列表",
            	time:"近一周",
            	List:[
            		{
                        value: '简单列表',
                        label: '简单列表'
                    },
                    {
                        value: '详细列表',
                        label: '详细列表'
                    }
            	],
            	CheckList:[
            		{
                        value: '不限',
                        label: '不限'
                    },
                    {
                        value: '不合适',
                        label: '不合适'
                    }
            	],
            	TimeList:[
            		{
                        value: '近一周',
                        label: '近一周'
                    },
                    {
                        value: '近二周',
                        label: '近二周'
                    },
                    {
                        value: '近一个月',
                        label: '近一个月'
                    },
                    {
                        value: '近三个月',
                        label: '近三个月'
                    },
                    {
                        value: '近六个月',
                        label: '近六个月'
                    },
                    {
                        value: '全部',
                        label: '全部'
                    }
            	],
                columns4: [
                    {
                        type: 'selection',
                        width: 60,
                        align: 'center'
                    },
                    {
                        title: 'Name',
                        key: 'name'
                    },
                    {
                        title: 'Age',
                        key: 'age'
                    },
                    {
                        title: 'Address',
                        key: 'address'
                    }
                ],
                data1: [
                    {
                        name: 'John Brown',
                        age: 18,
                        address: 'New York No. 1 Lake Park',
                        date: '2016-10-03'
                    },
                    {
                        name: 'Jim Green',
                        age: 24,
                        address: 'London No. 1 Lake Park',
                        date: '2016-10-01'
                    },
                    {
                        name: 'Joe Black',
                        age: 30,
                        address: 'Sydney No. 1 Lake Park',
                        date: '2016-10-02'
                    },
                    {
                        name: 'Jon Snow',
                        age: 26,
                        address: 'Ottawa No. 2 Lake Park',
                        date: '2016-10-04'
                    }
                ]
            }
        },
        methods:{
        	handleSelectAll(){
        		/*this.$refs.selection.selectAll(status);*/
        	},
        	BiddingClick(){
        		
        	},
        	AddClick(){
        		
        	}
        }
	}	
</script>

<style>
	.job_con_card{
		margin-top: 15px;
	}
	.pos_t_one_say:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	.pos_t_one_buy,.pos_t_one_say{
		color: #2DB7F5;
	}
	.pos_t_one_buy:hover{
		text-decoration: underline;
		cursor: pointer;
	}
	.select_top{
		width: 160px;
		display: inline-block;
	}
	.pos_t_two{
		position: absolute;
		right: 18px;
    	top: -50px;
	}
	.tab_one_contain{
		background: #F3F3F3;
	}
	
	.manli_foot{
		display: block;
		text-align: center;
		margin-top: 25px;
		margin-bottom: 300px;
	}
	.job_new_add{
		width: 80px;
		margin-left: 10px;
	}
	.job_new_add1{
		width: 80px;
		margin-left: 10px;
		margin-right: 10px;
	}
</style>
